<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>中国平安保险集团提供专业的银行、保险、贷款服务</title>
  <meta name="keywords" content="中国平安保险集团提供专业的银行、保险、贷款服务">
  <meta name="description" content="中国平安保险集团提供专业的银行、保险、贷款服务">
  <link rel="stylesheet" href="//css2.pingan.com/app_css/pingan/pa_201709/404/index.css?v=a2dad691bf">
  <link rel="stylesheet" href="//css2.pingan.com/app_css/pingan/pa_201709/404/swiper3.min.css?v=20220920">
  <script>
    window.pingan_sdk_appid = '989453A30A7242C490824A145F48812E';
    window.pingan_sdk_vn = 'v1.0';
    window.pingan_sdk_vc = '1.0';
    window.pingan_sdk_config = { _sk_page_track_auto: true };
    window.pingan_sdk_env = false;
    window.pingan_sdk_network = false;
    window.pingan_sdk_protocol = location.protocol.indexOf('https') > -1;
  </script>
  <script src="https://resources.pingan.com/app_js/c3/PAD_H5_SDK_3.1.9_vr1.js"></script>
  <script>

    window.SKAPP.init();
    window.SKAPP.onEvent('页面访问', 'gwcomp_169', {
      bury_version: 1,
      page_type: 'H5',
      page_name: document.title,
      page_url: location.href.split('?')[0],
      device_type: 'pc',
      device_id: localStorage.__pagw_deviceId || localStorage.__SK_cookieId || '',
      comp_id: 'gwcomp_169',
      comp_name: 'PC-404页面-曝光',
      component_loc: 'PC-404页面-曝光'
    });

  </script>
  <style>
    a,
    a:hover {
      text-decoration: none
    }

    .c:after,
    .clear {
      clear: both
    }

    a,
    body {
      color: #666
    }

    body,
    html {
      font-family: 'Microsoft Yahei', sans-serif, Arial, Simsun !important;
      margin: 0;
      min-width: 1180px
    }

    blockquote,
    body,
    button,
    code,
    dd,
    dl,
    dt,
    fieldset,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    legend,
    li,
    ol,
    p,
    pre,
    sub,
    sup,
    td,
    textarea,
    th,
    ul {
      margin: 0;
      padding: 0
    }

    li,
    ol,
    ul {
      list-style: none
    }

    img {
      vertical-align: top;
      border: none
    }

    * html body {
      background-attachment: fixed
    }

    body {
      width: auto;
      height: auto;
      min-height: 100%;
      background: #f9f9f9
    }

    body,
    input,
    textarea {
      font: 12px/1.5 "Microsoft Yahei", arial, Simsun
    }

    button,
    input,
    select,
    textarea {
      font-size: 100%
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    a:focus {
      outline: 0
    }

    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
      outline-width: 0
    }

    .c:after {
      content: ".";
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden
    }

    .c {
      zoom: 1
    }

    input,
    select {
      font-family: 'Microsoft Yahei', sans-serif, Arial, Simsun !important
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 400
    }

    .lf {
      float: left
    }

    .content {
      width: 100%;
      height: 100%;
      background: #f9f9f9;
      display: inline-block;
    }

    .title {
      text-align: center;
      color: #666666;
      font-size: 24px;
      line-height: 0;
      margin: 100px 0 60px;
    }

    .service {
      width: 890px;
      margin: auto;
      background: #fff;
      padding-bottom: 100px;
      position: relative;
      margin-bottom: 90px;
      padding-top: 56px;
      border-radius: 10px;
    }

    .service .service-title {
      text-align: center;
      color: #121212;
      font-size: 24px;
      line-height: 150px;
    }

    .mol {
      width: 650px;
      height: 120px;
      margin: auto;
    }

    .mol .mol-li {
      width: 130px;
      float: left;
    }

    .mol .mol-li .mol-li-img {
      width: 40px;
      height: 40px;
      margin: auto;
      display: block;
    }

    .mol .mol-li .mol-li-img img {
      width: 100%;
    }

    .mol .mol-li .mol-title {
      color: #121212;
      font-size: 14px;
      line-height: 30px;
      text-align: center;
    }

    .mol .mol-li .mol-title:hover {
      color: #f05223
    }

    .slogan {
      position: absolute;
      width: 370px;
      height: 40px;
      bottom: 50px;
      left: 50%;
      margin-left: -185px;
      margin-top: 30px;
      cursor: pointer;
    }

    .swiper-container-wrap {
      width: 700px;
      position: relative;
      margin: 0 auto 56px;
    }

    .swiper-container {
      width: 640px;
      height: 200px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      border-radius: 8px;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-container-wrap .swiper-button-next {
      right: -15px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #f05a23;
      background-image: url("//www.pingan.cn/app_images/asset/v10/right-arrow.png");
      background-size: 74%;
    }

    .swiper-container-wrap .swiper-button-prev {
      left: -15px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #f05a23;
      background-image: url("//www.pingan.cn/app_images/asset/v10/left-arrow.png");
      background-size: 74%;
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
      background-color: #bcbcbc;
    }

    .mol .popper-show {
      display: none;
      text-align: center;
      transition: all 1s;
      position: absolute;
      bottom: 75px;
      margin-left: -170px;
      width: 280px;
      left: 50%;
      padding: 30px;
      border-radius: 16px;
      background-color: #fff;
      border: 1px solid rgba(238, 238, 238, 1);
      z-index: 10;
    }

    .popper-item {
      position: relative;
    }

    .mol .popper-item:hover .popper-show {
      display: block;
    }

    .mol .popper-show .popper-title {

      font-size: 20px;
      font-size: 20px;
      color: #121212;
      letter-spacing: 0.3px;
      box-sizing: border-box;
      font-weight: 500;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .mol .popper-show .popper-img {
      box-shadow: 0px 0px 8px 0px rgba(153, 153, 153, 0.2);
      border-radius: 16px;
      text-align: center;
      margin: 26px auto 20px;
      padding: 12px;
      display: inline-block;
    }

    .mol .popper-show .popper-wx-img {
      padding-left: 16px;
      width: 65px;
      font-size: 12px;
      color: #171717;

      margin: 0 auto;
      background-image: url("//www.pingan.cn/app_images/asset/v10/wx-bg.png");
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: left center;
    }

    .mol .popper-show .popper-desc {
      text-align: center;
      font-size: 12px;
      color: #666666;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      box-sizing: border-box;
      padding: 0 35px;
    }

    .mol .popper-show .popper-short-spec {
      display: inline-block;
      margin-top: 30px;
      font-size: 14px;
      color: #171717;
      text-align: center;
      cursor: pointer;
    }

    .mol .popper-show .popper-style-arrow {
      display: block;
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100%;
      height: 16px;
      background: url("//www.pingan.cn/app_images/asset/v10/popper-bottom-arrow.png") no-repeat;
      background-position: center center;
      background-size: 16px 16px;
    }

    .mol .popper-show .popper-short-spec:hover {
      color: #f36c28;
    }
  </style>
</head>

<body>
  <div class="content">
    <p class="title">非常抱歉，您访问的页面走丢了～</p>
    <div class="service">
      <div class="swiper-container-wrap">
        <div class="swiper-container">
          <div class="swiper-wrapper"></div>
          <!-- <div class="swiper-pagination"></div> -->
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
      <div class="mol">
      </div>
      <a href="https://www.pingan.com/" otitle="404页面-找平安官方，上pingan.com" otype="click"
        data-event-name="404页面-找平安官方，上pingan.com" data-event-param="404页面-找平安官方，上pingan.com" data-event-type="click">
        <img class="slogan" src="https://img2.pingan.com/app_images/pingan/404/slogan.png?v=0b110db1c4" alt="">
      </a>
    </div>
  </div>
  <script src="//script2.pingan.com/app_js/pingan/libs/jquery/jquery.min.js?v=d539ee61c0"></script>
  <script src="//script2.pingan.com/app_js/pingan/libs/md5.min.js"></script>
  <script src="//script2.pingan.com/app_js/pingan/libs/pawebjs.js"></script>
  <script src="//script2.pingan.com/app_js/sdc/src/web.js"></script>
  <script src="//hm.baidu.com/hm.js?d06f8617511c35d7eaaa23e187cd568e"></script>
  <script src="/app_js/pingan/pa_201709/common/request.js?v=78c3bdd884"></script>
  <script src="/app_js/pingan/pa_201709/404/index.js?v=20231008-1"></script>
  <script src="//script2.pingan.com/app_js/pingan/pa_201709/404/swiper3.min.js?v=20220920"></script>

</body>

</html>